<?php
echo $javascript->link('jquery.tablePagination');
echo $javascript->link('jquery.tablesorter.min');
echo $html->css('tablePaginator');
?>

<head>
	<script>
	
	function validar()
	{
		var a= confirm('Esta Seguro de Eliminar el Producto?');
		
		if (!a)
			return 0;
	}
	
			
var $j = jQuery.noConflict();
$j(document).ready(function() {
	
	function serializarActivo()
	{
		var serie= document.getElementsByName('activos[]');
		var total=serie.length *2;
		var resultado = 'a:'+total+':{';
		var suma;
		var indice=0;
		for(i=0; i<serie.length; i++)
		{
		suma= indice+1;
		resultado += 'i:'+indice+';s:'+serie[i].value.length+':"'+serie[i].value+'";';
		resultado += 'i:'+suma+';s:'+serie[i].id.length+':"'+serie[i].id+'";';
		indice=suma+1;
		}
		resultado += '}';
		return( resultado);
	}
	
	function serializar()
	{
		var serie= document.getElementsByName('cambio[]');
		var total='';
		var res = 'a:'+serie.length+':{';
		for(i=0; i<serie.length; i++)
		{
		res += 'i:'+i+';s:'+serie[i].value.length+':"'+serie[i].value+'";';
		}
		res += '}';
		//res=encodeURIComponent(res);
		//res=urlencode(res);
		 document.getElementById('total').value= res;
	}
	
	
	$j("#mandar").click(function()
	{
		serializar();
		var activacion= serializarActivo();
		var info= document.getElementById('total').value;
		$j.post("../productos/update",
				{registros:info,
				 activos: activacion},
					function(data){$j(".misproductos").html(data)})
	});		
	
	
	
	$j("input[name='modif']").click(function(e)
	{
		var menu= document.getElementById('auxiliar');
		//var e= event.target;
		if (!e) var e = window.event;
		//var e= window.event.target;
		var a= e.target.id;
		var tipo= "tipo"+a;
		var plato= "nombre"+a;
		var valor= "precio"+a;
		var i;
		var jsonObj = {};
		for(i=0; i<menu.length;i++)
		{
			jsonObj[menu.options[i].value] = menu.options[i].text;
		}		
			$j('#'+valor).editable('../productos/updateNombrePlato',
			{
				id        : valor,
				name      : 'cambio[]',
				type      : 'text',
				cancel	  : '<input type="hidden" name="cambio[]" value="'+a+'"/>',
				cssclass  : 'editando'
			});
			$j('#'+plato).editable('../productos/updateNombrePlato',
			{
				id        : 'hola',
				name      : 'cambio[]',
				type      : 'text',
				cssclass  : 'editando'
			});
			$j('#'+tipo).editable('../productos/updateNombrePlato',
			{
				id        : 'producto[Producto][id]',
				name      : 'cambio[]',
				data      :  jsonObj, 
				type      : 'select', 
				cssclass  : 'cajita'
			});
		$j('#'+valor).click();
		$j('#'+plato).click();
		$j('#'+tipo).click();
	});

        var options = {
              currPage : 1,
              //ignoreRows : $j('tbody tr:odd', $j('#tablapedidosdia')),
              optionsForRows : [2,3,5],
              rowsPerPage : 10,
              firstArrow : (new Image()).src="../img/paginator/first.gif",
              prevArrow : (new Image()).src="../img/paginator/prev.gif",
              lastArrow : (new Image()).src="../img/paginator/last.gif",
              nextArrow : (new Image()).src="../img/paginator/next.gif",
              topNav : false
            }
            $j('#tableproductos').tablePagination(options);

      
      $j("#tableproductos").tablesorter({widgets: ['zebra']})
            
});
	</script>
</head>
<?php header('Content-Type: text/html; charset=utf-8'); ?>


	
	<?php
			echo "<div id='formbuscaclient' class='formbuscacliente'>";
			echo $form->create('Producto',array('controller'=>'productos','action'=>'searchProducto'));
			echo "<div class='labelbuscaliente'>";
			echo $form->input('query',array('label' => array('text' => '<span style="font-size:16px;">Producto: </span>'),'class'=>'entradabuscar'));
			echo "</div>";
			echo "<div class='buttonbuscacliente'>";
			echo $form->button('Buscar', array('class'=> 'botonbuscar','type'=>'submit'));
			echo "</div>";
			echo $form->end();
			echo "</div>";
			echo "<select id='auxiliar' style='visibility:hidden;'>";
			foreach ($tipos as $tipo){
				echo "<option value='".$tipo ['Tipo']['id']."'>".$tipo ['Tipo']['nombre']."</option>";
			}
			echo "</select>";
	?>

	<!--div class="barras">
		<div class="titu1">Categoria</div>
		<div class="titu2">Nombre del Plato</div>
		<div class="titu3">Precio</div>
		<div class="titu4">&nbsp&nbsp Modificar &nbsp&nbsp&nbsp Activar/Desactivar/Eliminar</div>
	</div-->
        
	<div class="misproductos">
		<table class="tablapedidosdia" id="tableproductos" cellspacing="0">

                    <thead>
                        <tr>
                            <th style="border:none;">Categor&iacute;a</th>
                            <th style="border:none;">Nombre del Plato</th>
                            <th style="border:none;">Precio</th>
                            <th style="border:none;">Modificar &nbsp&nbsp&nbsp Activar/Desactivar/Eliminar</th>
                        </tr>

                        <tr>
                            <th COLSPAN=4 style="border:none;"><img src="../img/separadorMenu.jpg"/></th>
                        </tr>

                    </thead>
                    <tbody>

			<?php
				foreach ($productos as $producto)
				{
					echo "<tr id='".$producto['Producto']['id']."'>";
                                                foreach ($tipos as $tipo){
                                                    if ($tipo ['Tipo']['id']==$producto ['Producto']['tipo_id'])
                                                            echo "<td class='tabla3'id='tipo".$producto['Producto']['id']."'>".$tipo ['Tipo']['nombre']."</td>";
						}
						
						echo "<td class='tabla1' id='nombre".$producto['Producto']['id']."'>".$producto ['Producto']['nombre']."</td>";
						echo "<td class='tabla2'id='precio".$producto['Producto']['id']."'>".$producto ['Producto']['valor']."</td>";
						
						echo "<td class='fila'>";
						
						echo "<input type='button' onclick=location.href = 'otra_pagina.html' class='botoncito' name='modif' id='".$producto['Producto']['id']."' value=' Modificar '></input>";
							
							echo "<select id='".$producto['Producto']['id']."' name='activos[]' class='box'>";
								if ($producto ['Producto']['activo']==1)
								{
									echo "<option value='1'>&nbsp&nbsp Activado &nbsp&nbsp</option>";
									echo "<option value='0'> Desactivado </option>";
									echo "</select>";
								}
								else
								{
									echo "<option value='0'> Desactivado </option>";
									echo "<option value='1'>&nbsp&nbsp Activado &nbsp&nbsp</option>";
									echo "</select>";
								}						
								echo $html->link($html->image('botonEliminar.jpg'),
								array(
									'controller'=>'productos',
									'action'=>'prevDelete',$producto ['Producto']['id']),
										array('class'=> 'elimina',
											'title'=>'',
											//'onclick'=> "validar();",
											'onclick'=>"Modalbox.show(this.href, {title: this.title, width: 540, height:250}); return false;",
											'escape'=>false));				
						
						echo "</td>";
					echo "</tr>";
				}	
			?>
                    </tbody>
		</table>
<!--script type="text/javascript">
    var table = document.getElementById('tableproductos');
    var allTRs = table.getElementsByTagName("tr");
    for (i=1; i <= allTRs.length ; i++) {
    if (i % 2 == 0)
    allTRs[i].style.backgroundColor = "#eeeeee";
    }
</script-->
	</div>
        
	<input type='hidden' id='total'></input>
	<div id="salvarproducto" class="salvarproducto">
		<?php 
		echo $html->image('separadorMenu2.jpg', array('alt' => 'Separador', 'class'=>'separaplato1'));
		echo $form->button(' Salvar ',array('type'=>'submit','class'=> 'salvando', 'id'=>'mandar'));
		//"Modalbox.show('productos/addi', {title: 'Cargar Productos', width: 500, params: Form.serialize('ProductoAddForm'),
		//method: 'post'});return false;"));
		echo $form->end();
		?>
	</div>

